/*
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2025-07-07 22:31:38
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2025-07-08 22:35:37
 * @FilePath: /book-manage-react/src/components/Footer/index.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react';
import { useLocation } from 'react-router-dom';
import { Layout, Row, Col, Typography, Space } from 'antd';
import { LinkOutlined, StarFilled, ShareAltOutlined } from '@ant-design/icons';
import './index.scss'; 

const { Footer } = Layout;
const { Title, Text, Paragraph } = Typography;

const AppFooter = () => {
  const location = useLocation();

  if (location.pathname === '/login') {
    return null;
  }

  return (
    <Footer className="footer-container">
      <div className="footer-content-wrapper">
        <Row gutter={[40, 20]} justify="center">
          <Col xs={24} md={12} lg={8}>
            <div className="footer-brand">
              <Title level={3} className="footer-title">智慧图书馆电商平台</Title>
              <Paragraph className="footer-description">为现代图书馆提供全方位的数字化管理解决方案</Paragraph>
              <Space size={15} className="social-links-space">
                <a href="#" className="social-link">
                  <LinkOutlined />
                </a>
                <a href="#" className="social-link">
                  <StarFilled />
                </a>
                <a href="#" className="social-link">
                  <ShareAltOutlined />
                </a>
              </Space>
            </div>
          </Col>

          <Col xs={12} sm={8} md={6} lg={4}>
            <div className="footer-section">
              <Title level={4} className="footer-section-title">核心技术</Title>
              <ul>
                <li><Text>Vue.js 2.6.14</Text></li>
                <li><Text>Element UI</Text></li>
                <li><Text>Vue Router</Text></li>
                <li><Text>响应式设计</Text></li>
              </ul>
            </div>
          </Col>

          <Col xs={12} sm={8} md={6} lg={4}>
            <div className="footer-section">
              <Title level={4} className="footer-section-title">系统模块</Title>
              <ul>
                <li><Text>图书目录管理</Text></li>
                <li><Text>库存动态跟踪</Text></li>
                <li><Text>大量订单处理</Text></li>
                <li><Text>分类层级管理</Text></li>
              </ul>
            </div>
          </Col>

          <Col xs={12} sm={8} md={6} lg={4}>
            <div className="footer-section">
              <Title level={4} className="footer-section-title">技术支持</Title>
              <ul>
                <li><a href="https://v2.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue.js 官方文档</a></li>
                <li><a href="https://element.eleme.cn/" target="_blank" rel="noopener noreferrer">Element UI 组件库</a></li>
                <li><a href="#" target="_blank" rel="noopener noreferrer">系统使用手册</a></li>
              </ul>
            </div>
          </Col>
        </Row>
      </div>

      <div className="footer-bottom">
        <div className="footer-bottom-content-wrapper">
          <Paragraph className="copyright-text">&copy; 2024 智慧图书馆电商平台. 让图书管理更加智能高效。</Paragraph>
          <Space size={10} className="footer-badges">
            <span className="badge">Vue 2.x</span>
            <span className="badge">图书管理</span>
            <span className="badge">电商系统</span>
          </Space>
        </div>
      </div>
    </Footer>
  );
};

export default AppFooter;